<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <title>下拉菜单</title>
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../css/bootstrap.css">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-xs-4">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    +86<span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">1990</a></li>                   
                    <li><a href="#">1991</a></li>                   
                    <li><a href="#">1992</a></li>                   
                    <li><a href="#">1993</a></li>
					<li><a href="#">1994</a></li>
					<li><a href="#">1995</a></li>
					<li><a href="#">1996</a></li>
					<li><a href="#">1997</a></li>
					<li><a href="#">1998</a></li>
					<li><a href="#">1999</a></li>
					<li><a href="#">2000</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-4 col-xs-4">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    月 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><a href="#">9</a></li>
					<li><a href="#">10</a></li>
					<li><a href="#">11</a></li>
					<li><a href="#">12</a></li>
                </ul>
            </div>
        </div>
		<div class="col-md-4 col-xs-4">
		    <div class="dropdown">
		        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
		            日 <span class="caret"></span>
		        </button>
		        <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
		           <li><a href="#">1</a></li>
		           <li><a href="#">2</a></li>
		           <li><a href="#">3</a></li>
		           <li><a href="#">4</a></li>
		           <li><a href="#">5</a></li>
		           <li><a href="#">6</a></li>
		           <li><a href="#">7</a></li>
		           <li><a href="#">8</a></li>
		           <li><a href="#">9</a></li>
		           <li><a href="#">10</a></li>
		           <li><a href="#">11</a></li>
		           <li><a href="#">12</a></li>
				   <li><a href="#">13</a></li>
				   <li><a href="#">14</a></li>
				   <li><a href="#">15</a></li>
				   <li><a href="#">16</a></li>
				   <li><a href="#">17</a></li>
				   <li><a href="#">18</a></li>
				   <li><a href="#">19</a></li>
				   <li><a href="#">20</a></li>
				   <li><a href="#">21</a></li>
				   <li><a href="#">22</a></li>
				   <li><a href="#">23</a></li>
				   <li><a href="#">24</a></li>
				   <li><a href="#">25</a></li>
				   <li><a href="#">26</a></li>
				   <li><a href="#">27</a></li>
				   <li><a href="#">28</a></li>
				   <li><a href="#">29</a></li>
				   <li><a href="#">30</a></li>
				   <li><a href="#">31</a></li>
		        </ul>
		    </div>
		</div>
    </div>
</div>
<script src="../js/jquery-3.4.1.js"></script>
<script src="../js/bootstrap.js"></script>
</body>
</html>
